@import "../common/functions.scss";
@import "../common/_variables.scss";
body{
	background: $_eee; 
}
h1{
	height: pxToRem(80px);
	line-height: pxToRem(80px);
	text-align: center;
	color: $_fff;
	font-size: pxToRem(30px);
	background: $_03a9f4;   
}
.b-detail{
	background: $_fff;
	padding: pxToRem(30px) pxToRem(20px);
	font-size: pxToRem(30px);
	p{
		line-height: pxToRem(50px);
		span{
			color: #f1a427; 
		} 
	}   
}
.b-mon{
	background: $_fff;
	padding: pxToRem(30px) pxToRem(20px);
	margin-top: pxToRem(15px);
	font-size: pxToRem(30px);
	.n-ins{
		color: #f00;
		margin-left: pxToRem(20px); 
	}
	.ipt{
		width: pxToRem(260px);
		height: pxToRem(48px);
		border: 1px solid $_ccc;
		line-height: pxToRem(48px);
		color: $_999;
		padding: 0 pxToRem(10px); 
	}
	.gain{
		width: pxToRem(220px);
		height: pxToRem(47px);
		line-height: pxToRem(47px);
		background: $_f5f5f5;
		color: $_666;
		text-align: center;
		display: inline-block;
		margin-left: pxToRem(10px);
		margin-top: 1px; 
	}
	.verify{
		margin-top: pxToRem(12px);
	}  
}
.btn{
	height: pxToRem(80px);
	line-height: pxToRem(80px);
	background: $_03a9f4;
	font-size: pxToRem(30px);
	color: $_fff;
	display: block;
	text-align: center;
	border-radius: 5px;
	margin: 0 pxToRem(20px) 0;       
}
.b-succ{
	background: $_fff;
	text-align: center;
	padding: pxToRem(88px) 0;
	border-bottom: 1px solid $_c8c8cc;
	.icon-succ{
		width: pxToRem(128px);
		height: pxToRem(128px);
		background: url(/carpayH5/resources/img/b-succ.png) no-repeat;
		background-size: pxToRem(128px) pxToRem(128px);
		display: inline-block; 
	}
	p{
		font-size: pxToRem(36px);
	} 
}
.b-name{
	background: $_fff;
	padding: pxToRem(20px) pxToRem(60px);
	p{
		font-size: pxToRem(30px);
		line-height: pxToRem(50px);
	}  
}
.order-review{
    background: $_fff;
	padding: pxToRem(30px) pxToRem(20px);
	margin-top: pxToRem(30px);
	font-size: pxToRem(28px);
	color: $_333;
	position: relative;
        &:after{
		    position: absolute;
		    content: "";
		    width: pxToRem(20px);
		    height: pxToRem(20px);
		    border-top: pxToRem(4px) solid $_ccc;
		    border-left: pxToRem(4px) solid $_ccc;
		    top: 55%;
		    right: 2%;
		    transform: translate3d(-50%,-50%,0) rotate(-224deg);
		    -ms-transform: translate3d(-50%,-50%,0) rotate(-224deg);	/* IE 9 */
		    -webkit-transform: translate3d(-50%,-50%,0) rotate(-224deg);/* Safari and Chrome */
		    -o-transform: translate3d(-50%,-50%,0) rotate(-224deg);/* Opera */
		    -moz-transform: translate3d(-50%,-50%,0) rotate(-224deg);
		}	 
}
.prompt{
	margin-left: pxToRem(10px);
	margin-top: pxToRem(12px);	
    .pro-erro{
    	color: $_e51c23;
    } 
}
.er-icon{
		width: pxToRem(24px);
		height: pxToRem(24px);
	    background: url(/carpayH5/resources/img/er-icon.png) no-repeat;
	    display: inline-block;
	    vertical-align: middle;
        margin-right: 10px;
        background-size: pxToRem(24px) pxToRem(24px);  
    }
.apply-btn{
	margin-top: pxToRem(62px); 
}
.er-text{
	text-align: center;
	color: $_e51c23;
	font-size: pxToRem(30px);
	margin-bottom: pxToRem(15px);   
}
.mt{
	margin-top: -4px;
}
.mt-2{
	margin-top: -2px;
}



